import React from 'react';
import { connect } from 'dva';
import router from 'umi/router';

import { Table, Button } from 'antd';

import Link from 'umi/link'
const linePath = '/AccountConfig/ResPartner';
const formPath = '/AccountConfig/ResPartnerForm';


@connect(({ resPartner }) => ({ resPartner }))
class List extends React.Component {
  state = {
  }

  treeview = [
      {
        title: '',
        dataIndex: '_',
        render: (_, { id }) => {
          return <Link to={`${linePath}?id=${id}`}>查看</Link>;
        },
      },
      { title: '名称', dataIndex: 'name', },
      { title: '代码', dataIndex: 'ref', },
      { title: '付款科目', dataIndex: 'property_account_payable_id.name', },
      { title: '收款科目', dataIndex: 'property_account_receivable_id.name', },

//      { title: '公司', dataIndex: 'parent_name', },
//      { title: '是公司', dataIndex: 'is_company', },
//      { title: '邮箱', dataIndex: 'email', },
//      { title: '手机', dataIndex: 'mobile', },
//      { title: '职务', dataIndex: 'function', },
//      { title: '客户', dataIndex: 'customer', },
//      { title: '供应商', dataIndex: 'supplier', },
//      { title: '员工', dataIndex: 'employee', },
      { title: '省', dataIndex: 'state_id.name', },
//      { title: '市', dataIndex: 'city_id.name', },
  ]

  async componentDidMount() {
    const { dispatch } = this.props;
    await dispatch({
      type: 'resPartner/search',
      payload: {domain:[] },

    });

  }

  gotoForm() {
      router.push(formPath);
  }

  render() {
    const { resPartner: { recordsList } } = this.props;

    return (
      <div>
        <div>收付类的总账科目的明细科目是业务伙伴 </div>
        <div>客户/供应商/员工/税务局 等 </div>
        <div>销售发票/采购账单/费用报销等 在生成凭证时，收付类科目取自 业务伙伴 </div>
        <div>收付款单 在生成凭证时，收付类科目取自 业务伙伴 </div>
        <div>同一个业务伙伴，可以增加多个 child,</div>
        <div>每个 child 也是一个业务伙伴，可以在child 上面设置收付类科目,</div>
        <div>这样 借助多个child，一个业务伙伴可以设置不同等 收付类科目</div>
        <div>比如 客户角色时的 应收账款</div>
        <div>比如 供应商角色时的 应付账款</div>
        <div>比如 费用报销时的员工角色的 其他应付款</div>
        <div>业务伙伴有 category_ids 属性，可以利用之，给业务伙伴加 tags </div>
        <div>通过 tags 做文章，对业务伙伴分类。</div>
        <div>必要时，在凭证上 选择 业务伙伴时，可以利用 tags 过滤</div>
        <Button onClick={()=>this.gotoForm()}>新建</Button>
        <Table columns={this.treeview} dataSource={recordsList} rowKey="id" />

      </div>
    );
  }
}

export default List;





